Web Design
Why?
Let's be honest - web development isn't a core requirement for most data science roles. However, understanding these basics empowers you to create simple websites and applications for your specific use cases. Whether you need to build an interactive dashboard to showcase your analysis, develop a simple tool for team members, or create a personal portfolio to display your projects, these foundational skills will serve you well. Many data scientists find that being able to quickly prototype and deploy web-based solutions makes their work more accessible and impactful.
What?
This course introduces fundamental web technologies and design principles. You will learn HTML for structuring content, CSS for styling and responsive design, and basic JavaScript for interactivity. The course covers forms, tables, layout techniques, and modern web design practices. By the end, students will be able to create functional, visually appealing, and responsive web pages that can serve as foundations for data visualization platforms and interactive applications.
Curriculum:
Introduction to HTML
Fundamentals of HTML, document structure, elements, attributes, semantic markup, and best practices for creating well-structured web pages.
HTML Tutorial
Comprehensive guide to HTML elements including headings, paragraphs, links, images, lists, and other essential components for web page content.
HTML Forms
Creating interactive forms with various input types, form validation, handling user input, and understanding form submission processes.
HTML Tables
Designing and implementing tables for data presentation, table structure, styling options, and responsive considerations for tabular data.
CSS Fundamentals
Introduction to Cascading Style Sheets (CSS), selectors, properties, values, and the box model for controlling the appearance of web pages.
CSS Layout Techniques
Methods for creating page layouts including flexbox and grid systems, positioning elements, and designing responsive layouts that adapt to different screen sizes.
Advanced CSS Styling
Typography, colors, backgrounds, borders, shadows, transitions, and animations to create visually engaging web experiences.
Responsive Design
Techniques for building websites that function well across devices, including media queries, flexible grids, and mobile-first approaches.
Introduction to JavaScript
Basics of JavaScript programming for web pages, including syntax, variables, functions, events, and DOM manipulation for creating interactive elements.
Notes
The educational platform you're using right now was built entirely with HTML, CSS, and JavaScript. This demonstrates how powerful these three fundamental technologies can be when used effectively. Web design balances technical knowledge with creativity and user experience principles. As you learn, focus on building small projects that solve real problems rather than just memorizing syntax. The combination of these basic technologies can create surprisingly sophisticated and interactive web experiences. Note that this is concerning the frontend part, however for the backend part you'll learn about it in semester 5.
